@import "../common/config.scss";
@import "../../styles/common/config.scss";
.pop{
    @include absWin;
    z-index: 999;
    @at-root &__inner{
        @include absWin;
        @include flexbox;
        @include flexCenterVeri;
        @include flexCenterHori;
        pointer-events: none;
        @at-root &__dialog{
            position: relative;
            overflow: hidden;
            color: #fff;
            pointer-events: auto;
        }
    }
    
    @at-root .pop-close{
        width: 2.4rem;
        height: 0.6rem;
        display: block;
        color: #fff;
        position: absolute;
        bottom: 0.4rem;
        left: 50%;
        font-size: 0.35rem; 
        margin-left: -1.2rem;
        background: #ff745e;
        text-align: center;
        line-height: 0.6rem;
        border-radius: 0.3rem;
        &:active{
            transform: scale(1.1);
        }
    }

    @at-root &__masker{
        @include absWin;
        background-color: rgba(0, 0, 0, 0.9);
    }
    
    @keyframes aui-pop-enter-animation{
        0% {-webkit-transform: scale(1.4,1.4) translateY(-20px); opacity: 0;}
        100% {-webkit-transform: scale(1,1) translateY(0); opacity: 1;}
    }
    @keyframes aui-pop-makser-enter-animation{
        0% {opacity: 0;}
        100% {opacity: 1;}
    }
    @keyframes aui-pop-leave-animation{
        0% {-webkit-transform: scale(1, 1); opacity: 1;}
        100% {-webkit-transform: scale(0.95, 0.95); opacity: 0;}
    }
    @keyframes aui-pop-masker-leave-animation{
        0% { opacity: 1;}
        100% {opacity: 0;}
    }
    @at-root .aui-pop-enter-active{
        animation: aui-pop-enter-animation 0.4s cubic-bezier(0, 1.03, 0.07, 0.99) forwards;
    }
    
    @at-root .aui-pop-masker-enter-active{
        animation: aui-pop-makser-enter-animation 0.4s linear forwards;
    }
    
    @at-root .aui-pop-leave-active{
        animation: aui-pop-leave-animation  0.25s ease-in forwards;
    }
    
    @at-root .aui-pop-masker-leave-active{
        animation: aui-pop-masker-leave-animation  0.25s ease-in forwards;
    }
}